<template>
    <div>
        <list :data='ary'>
          <h1 slot='xxx' slot-scope="qqq">
            名字：{{qqq.aaa.name}}
            年龄：{{qqq.aaa.age}}
          </h1>
        </list>
        <list :data='ary'>
          <template  v-slot:xxx="www">
            <h1>
              名字：{{www.aaa.name}}
              年龄：{{www.aaa.age}}
            </h1>
          </template>
        </list>
        <list :data='ary'>
          <template  #xxx="www">
            <h1>
              名字：{{www.aaa.name}}
              年龄：{{www.aaa.age}}
            </h1>
          </template>
        </list>
    </div>
</template>
<script>
// @ is an alias to /src
import list from './coms/list'
export default {
    name: 'XXX',
    data() {
        return {
          ary:[{name:"珠峰",age:10},{name:"珠峰2",age:102},{name:"珠峰3",age:103},{name:"珠峰4",age:104}]
        }
    },
    components: {
        list
    }
}
</script>
<style lang="less">

</style>